import React, { Component } from 'react'

export default class App extends Component {
  state = {
    count: 100
  }
  render() {
    return (
      <div>
        {/* onClick 给添加事件 */}
        <button onClick = { () => {
          // 事件定义应该使用 箭头函数
          // 1.通过this.setState({ key: value }, () => {}) 修改状态
          // this.setState({
          //   count: this.state.count + 1
          // })
          // this.setState({
          //   count: this.state.count + 1
          // }, () => { // 回调函数
          //   console.log('修改状态完毕')
          // })

          // 2.通过this.setState((prevState, props) => {}, () => {})
          this.setState((prevState) => {
            return {
              count: prevState.count + 1
            }
          }, () => {
            console.log('修改状态完毕')
          })
        } }>加1</button> { this.state.count }
      </div>
    )
  }
}
